<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="res/layui/css/layui.css" />
		<link rel="stylesheet" href="res/css/global.css" />
		<title>登录页</title>
	</head>
	<body class="layui-bg-gray">
		<div class="layui-container ">
			<div style="height: 100px;"></div>
			<div class="layui-form-pane layui-badge-rim layui-col-md-offset1 " style="height: 500px;width: 900px;background:url(images/l_cat-01.jpg) no-repeat;background-attachment: fixed;background-size: cover;">
					
				<!--页面主体-->
				<div class="layui-tab layui-tab-brief " lay-filter="user">
					<ul class="layui-tab-title">
						<li class="layui-this">登入</li>
						<li>
							<a href="reg.html">注册</a>
						</li>
					</ul>
					<div class="">
						<div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;float: left;">
						<div class="layui-tab-item layui-show">
							<div class="layui-form layui-form-pane">
								<form method="get" action="/checklogin">
									<div class="layui-form-item">
										<label for="L_email" class="layui-form-label">用户名</label>
										<div class="layui-input-inline">
											<input type="text" id="L_email" name="username" required lay-verify="required" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label for="L_pass" class="layui-form-label">密码</label>
										<div class="layui-input-inline">
											<input type="password" id="L_pass" name="pass" required lay-verify="required" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label for="L_vercode" class="layui-form-label">人类验证</label>
										<div class="layui-input-inline">
											<input type="text" id="L_vercode" name="vercode" required lay-verify="required" placeholder="请回答后面的问题" autocomplete="off" class="layui-input" onchange="checkcode()">
										</div>
										<div class="layui-form-mid">
											<span style="color: #c00;"><span class="layui-badge" id="fcode"></span>+<span class="layui-badge" id="scode"></span>=?</span>
											<script type="text/javascript">
                                                var fcode=0;
                                                var scode=0;
												function setcode() {

                                                    fcode=Math.floor(Math.random()*10+1);
                                                    scode=Math.floor(Math.random()*10+1);

                                                    document.getElementById("fcode").innerHTML=fcode;
                                                    document.getElementById("scode").innerHTML=scode;
                                                }
                                                setcode();
                                                function checkcode() {
														if(document.getElementById("L_vercode").value!=fcode+scode)
														{
                                                            setcode();
                                                            alert("啊奥，算错了呃~~");
														}
                                                }
                                                checkcode();
											</script>
										</div>
									</div>
									<div class="layui-form-item">
										<button class="layui-btn" >立即登录</button>
										<span style="padding-left:20px;">
				                  <a href="forget.html">忘记密码？</a>
				                </span>
									</div>
									<div class="layui-form-item fly-form-app">
										<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;使用社交账号登入</span>
										<a href=""  class="iconfont icon-qq" title="QQ登入"></a>
										<a href="" class="iconfont icon-weibo" title="微博登入"></a>
										<a href="" class="iconfont icon-renzheng"></a>
										
									</div>
								</form>
							</div>
						</div>
					</div>
					</div>
					<div style="height:400px;width:400px;float: left;">
						
					</div>
					
				</div>
				
			
				<!--主体结束-->
			</div>
			
			
		</div>
	</body>

</html>
